import 'package:flutter/material.dart';
class layoutDemo extends StatelessWidget{
@override
  Widget build(BuildContext context) {
    // TODO: implement build
  //   return Container(
  //  child: Row(
  //    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
  //    crossAxisAlignment: CrossAxisAlignment.center,
  //    children: <Widget>[
  //           IconBadge(Icons.pool,),
  //           IconBadge(Icons.beach_access),
  //           IconBadge(Icons.airplanemode_active)
  //         ],
  //  ),
  //   );

  return Container(
    child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
  AspectRatio(
    aspectRatio: 1.0/1.0,
    child: Container(
      color:Colors.red
    ),
  ),
  Stack(
children: <Widget>[
SizedBox(
    width:150,
    height:150.0,
    child: Container(
      alignment: Alignment.topCenter,
      decoration: BoxDecoration(
        color:Color.fromRGBO(3, 54, 255, 1),
        borderRadius: BorderRadius.circular(5.0)
      ),
      child: Icon(Icons.ac_unit,color:Colors.white,size:32),
    )
  ),
SizedBox(height: 30),
SizedBox(
    width:50,
    height:50.0,
    child: Container(
      decoration: BoxDecoration(
        color:Color.fromRGBO(3, 54, 255, 1),
       // borderRadius: BorderRadius.circular(5.0)
       shape: BoxShape.circle,
       gradient: RadialGradient(
         colors:[
           Color.fromARGB(7, 102, 255, 1),
           Color.fromARGB(3, 54, 255, 1),
         ]
       )
      ),
      child: Icon(Icons.brightness_2,color:Colors.white,size:32),
    )
  ),

],
  ),
],
    ),
  );
  }
}
class IconBadge extends StatelessWidget{

 final IconData icon;
 final double size;
 IconBadge(this.icon,{
   this.size = 32.0
 });
 @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Container(
      child: Icon(icon,size:size,color:Colors.red),
      width: size+60,
      height: size+60,
      color: Colors.green
    );
  }



}